<template>
  <div class="nearVisit">
      <dl>
      <dt>{{data.title}}：</dt>
      <dd v-for="(item,i) in data.list" :key="i"><router-link to="/">{{item}}</router-link></dd>
      </dl>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: {
        title:'最近浏览',
        list:['北京','上海','广州','深圳','青岛','天津','西安','重庆']
      },
    };
  },

}
</script>

<style lang="less" scoped>
.nearVisit{
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  dl {
    display: flex;

    dt {
      font-size: 16px;
      color: #333;
      font-weight: 500;
    }

    dd {
      margin: 0 20px;
      color: #666;
      line-height: 22px;
      font-size: 14px;
    }
  }
}
</style>